<template>
  <el-container>
    <el-aside><RBnav /></el-aside>
    <el-container>
      <el-header><RBtop /></el-header>
      <el-main>
        <router-view></router-view>
        <!-- <router-view></router-view> -->
      </el-main>
    </el-container>
  </el-container>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import RBnav from "../../components/RBnav.vue";
import RBtop from "../../components/RBtop.vue";
// import RBmain from "./RBmain.vue";
export default defineComponent({
  setup() {
    console.log(1);
  },

  //vue2.0 后期改
  components: {
    RBnav,
    RBtop,
    // RBmain,
  },
});
</script>

<style lang="scss" scoped>
// .el-container {
//   width: 100%;
//   height: 100%;
// }
.el-header {
  background: #575a71;
  position: fixed;
  left: 200px;
  right: 0px;
  top: 0px;
  height: 60px;
}
.el-aside {
  background-color: #2a2b3d;
  width: 200px;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  min-height: 700px;
}
.el-main {
  position: fixed;
  left: 200px;
  right: 0px;
  top: 60px;
  bottom: 0px;
  background: #34364c;
}
</style>
